<template>
    <div>
        <button @click="handleClick">顶我</button>
        <transition>
            <div>{{msg}}</div>
        </transition>
    </div>
</template>
<script>
    import transition from "components/transition"
    export default {
        name:"applyTransition",
        data(){
            return{
                msg:""
            }
        },
        components:{
            transition
        },
        methods:{
            handleClick(){
                this.msg="我"
            }
        }
    }
</script>
<style scoped>

</style>